<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kukui Cup</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link href="css/makahiki-structure.css" rel="stylesheet">
<link href="css/prizes.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="css/greg-theme.less">
<script src="js/less-1.3.0.min.js" type="text/javascript"></script> 

</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
    <div id="info-bar-wide" class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="span1">
                    <img src="./images/default_avatar.png" />
                </div>
                <div class="span3">
                    <h4>Cam M.</h4>
                    <div id="user-cycle">
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #2/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #4/17
                                    overall.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/17
                                    overall.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <h4>Mokihana: Lounge A</h4>
                    <!-- 					<div class="span2 offset1"> -->
                    <div id="team-cycle">
                        <div>
                            <ul>
                                <li>Overall: 570 points. #2 out of
                                    20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 88 kWh. #1 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 50 gallons. #7 out of
                                    20.</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 					</div> -->
                </div>
                <div class="span3" style="text-align: center">
                    <div id="round-cycle">
                        <div class="span3">
                            <ul>
                                <li><h4>Overall Round</h4></li>
                                <li>Ends in 5 Days, 9 Hours, and 39
                                    Minutes</li>
                            </ul>
                        </div>
                        <div class="span3">
                            <ul>
                                <li><h4>Next Workshop</h4></li>
                                <li>Friday evening @ 5pm.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <div id="info-bar-single" class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align: center">
                <div class="span4">
                    <div id="single-cycle">
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#2 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#4 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            570 points #2 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            88 kWh #1 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            50 gallons #7 out of 20
                        </div>
                        <div class="span3">
                            <h4>Overall Round</h4>
                            Ends in 5 Days, 9 Hours, and 39 Minutes
                        </div>
                        <div class="span3">
                            <h4>Next Workshop</h4>
                            Friday evening @ 5pm.
                        </div>
                    </div>
                </div>
                <div id="feedback-logout" class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>
    <!-- Navbar
    ================================================== -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse"
                    data-target=".nav-collapse"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="brand">
                    <img src="./images/spacer-54.png"
                        alt="University of Hawaii" />
                    <div class="caption">Kukui Cup/UH</div>
                </div>
                <div class="nav-collapse">
                    <ul class="nav">
                        <!-- Choose the correct active page by adding active to the class list -->
                        <li class="home"><a href="home.html"
                            class="home"><img
                                src="./images/spacer-54.png">Home</a></li>
                        <li class=""><a href="activities.html"
                            class="activities"> <img
                                src="./images/spacer-54.png"> Get
                                Nutz
                        </a></li>
                        <li class=""><a href="energy.html"
                            class="energy"> <img
                                src="./images/spacer-54.png"> Go
                                Low
                        </a></li>
                        <li class=""><a href="water.html"
                            class="water"><img
                                src="./images/spacer-54.png">
                                Water</a></li>
                        <li class=""><a href="news.html"
                            class="news"> <img
                                src="./images/spacer-54.png"> News
                        </a></li>
                        <li class=""><a href="advanced.html"
                            class="advanced"><img
                                src="./images/spacer-54.png">
                                Advanced</a></li>
                        <li class="active"><a href="prizes.html"
                            class="prizes"> <img
                                src="./images/spacer-54.png">
                                Prizes
                        </a></li>
                        <li class=""><a href="profile.html"
                            class="profile"> <img
                                src="./images/spacer-54.png">
                                Profile
                        </a></li>
                        <li class=""><a href="help.html"
                            class="help"> <img
                                src="./images/spacer-54.png"> Help
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div id="quest-box" style="clear: both">
        <div id="quest-header">
            <h3 id="quest-title">Your Quests</h3>
            <a
                href="http://dasha.ics.hawaii.edu:8200/profile/?ref=nav-button#"
                style="float: right"> <img
                src="./images/icon-help-sm.png" width="20"
                align="center"
                title="Click to get help about this window"
                onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;"></a>
        </div>

        <div style="clear: both"></div>

        <ul id="quest-list">
            <li><a href="javascript:void(0)" id="get-social"
                class="quest-title "> Get social </a></li>

            <li><a href="javascript:void(0)"
                id="get-fully-committed-badge" class="quest-title ">
                    Get the Fully Committed badge </a></li>

            <li><a href="javascript:void(0)"
                id="check-lounge-energy-use" class="quest-title ">
                    Check lounge energy use </a></li>
        </ul>
    </div>
  <p></p><p></p>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span6">
                <div class="content-box"> 
                    <div class="content-box-title">
                        Prizes and Prize Winners <img
                            src="./images/icon-help-sm.png"
                            style="float: right" width="20" align="center"
                            title="Click to get help about this window">
                    </div> 
                    <table>
                        <tbody>
                            <tr>
                                <th colspan="3"
                                    style="text-align: center">Round
                                    1 prizes
                                </th>
                            </tr>

                            <tr class="even-row">
                                <th>
                                    Prize
                                </th>
                                <th>
                                        Criteria
                                </th>
                            </tr>

                            <td class="prize"><img src="./images/bubbies-mochi.3.jpg">
                                Ice Cream Party</td>

                            <td>
                                <p>Mochi Ice Cream Party by Bubbies
                                    for lounge that consumes the least
                                    amount of energy usage during the
                                    week of Round 1.</p> <br> Winner:
                                Ice cream man
                            </td>

                            <tr class="alt-row">
                                <td class="prize"><img src="./images/hokulani.2.jpg">
                                    Cupcake Extravaganza</td>

                                <td>
                                    <p>Cupcakes by Hokulani Bakery
                                        for the lounge that earns the
                                        most points during the week of
                                        Round 1.</p> <br> Winner:
                                    Ilima: Lounge E
                                </td>
                            </tr>

                            <tr class="even-row">
                                <td class="prize"><img src="./images/bubbies-logo.2.jpg">
                                    Bubbies Certificate</td>

                                <td>
                                    <p>$5 Bubbies Gift Certificate
                                        for the individual who earns the
                                        most points in each lounge
                                        during the week of Round 1.</p> <br>
                                    Winner: &lt;george&gt;
                                </td>
                            </tr>

                            <tr class="alt-row">
                                <td class="prize"><img src="./images/uh-bookstore.2.jpg">
                                    Bookstore Certificate</td>

                                <td>
                                    <p>$25 UH Bookstore Gift
                                        Certificate for the individual
                                        with the highest number of
                                        points at the end of Round 1.</p> <br>
                                    Winner: &lt;george&gt;
                                </td>
                            </tr> 
                        </tbody>
                    </table> 
                    <a>1</a>&nbsp;<a>2</a>&nbsp;<a>3</a>
                </div>
            </div>
            
            <div class="span6">
                <div class="content-box"> 
                    <div class="content-box-title">
                        Overall Raffle Game <img
                            src="./images/icon-help-sm.png" width="20"
                            align="center" style="float: right"
                            title="Click to get help about this window">
                    </div> 
                    Your total raffle tickets: 3 &nbsp;&nbsp;|  &nbsp;&nbsp; Allocated right now: 2 &nbsp;&nbsp;| &nbsp;&nbsp; Available: 1

                    <h4>The raffle is
                        now over.</h4>
                    <h5>List
                        of upcoming raffle prizes<h5>
                </div>
            </div>
        </div>
    </div>
 
</body>
</html>